{{! YouTube uses its privacy-enhanced domain and Vimeo "do not track". A YouTube or Vimeo video with a cover picture (ADR 0122) shows the picture and a play button: a link to the video's own page, which view.js turns into the player when pressed, so nothing loads from YouTube or Vimeo before. Without a cover, or playing by itself, the player loads lazily. A video file always has its controls, so a visitor can pause it; one that plays by itself (data-sv-autoplay) is started by view.js on visitors' pages, never for visitors who ask for less motion (ADR 0102). Its words (ADR 0189) are Heading & text's label, heading and text, drawn before or after the video so they are read in the order they are seen; with none, the markup is the player alone. }}
<figure {{@attrs}}>{{#above}}<div class="sv-video__words sv-heading-text sv-heading-text--title-size-{{titleSize}} sv-heading-text--text-size-{{textSize}} sv-heading-text--text-color-{{textColor}}{{#eyebrowSize}} sv-heading-text--eyebrow-size-{{eyebrowSize}}{{/eyebrowSize}}{{#eyebrowColor}} sv-heading-text--eyebrow-color-{{eyebrowColor}}{{/eyebrowColor}}{{#eyebrowWeight}} sv-heading-text--eyebrow-weight-{{eyebrowWeight}}{{/eyebrowWeight}}{{#titleColor}} sv-heading-text--title-color-{{titleColor}}{{/titleColor}}{{#titleWeight}} sv-heading-text--title-weight-{{titleWeight}}{{/titleWeight}}{{#textWeight}} sv-heading-text--text-weight-{{textWeight}}{{/textWeight}}">{{#eyebrow}}<p class="sv-heading-text__eyebrow"{{@edit eyebrow}}>{{eyebrow}}</p>{{/eyebrow}}{{#heading}}<{{level}} class="sv-heading-text__title"{{@edit heading}}>{{{heading}}}</{{level}}>{{/heading}}{{#text}}<div class="sv-heading-text__text"{{@edit text}}>{{{text}}}</div>{{/text}}</div>{{/above}}<div class="sv-video__frame">{{#file.url}}<video class="sv-video__media" src="{{file.url}}"{{#poster.url}} poster="{{poster.url}}"{{/poster.url}} preload="metadata" playsinline{{#autoplay}} muted loop data-sv-autoplay{{/autoplay}} controls></video>{{/file.url}}{{^file.url}}{{#cover}}<a class="sv-video__cover" href="{{#youtubeId}}https://www.youtube.com/watch?v={{youtubeId}}{{/youtubeId}}{{^youtubeId}}https://vimeo.com/{{vimeoId}}{{/youtubeId}}" data-sv-video="{{#youtubeId}}https://www.youtube-nocookie.com/embed/{{youtubeId}}?rel=0&amp;autoplay=1{{/youtubeId}}{{^youtubeId}}https://player.vimeo.com/video/{{vimeoId}}?dnt=1&amp;autoplay=1{{/youtubeId}}"><img class="sv-video__media wp-image-{{poster.id}}" src="{{poster.url}}" alt=""{{#poster.width}} width="{{poster.width}}" height="{{poster.height}}"{{/poster.width}} loading="lazy" decoding="async"><span class="sv-video__play" aria-hidden="true"></span><span class="sv-video__name">{{title}}</span></a>{{/cover}}{{^cover}}{{#youtubeId}}<iframe class="sv-video__media" src="https://www.youtube-nocookie.com/embed/{{youtubeId}}?rel=0{{#autoplay}}&amp;autoplay=1&amp;mute=1&amp;loop=1&amp;playlist={{youtubeId}}{{/autoplay}}" title="{{title}}" loading="lazy" allow="autoplay; encrypted-media; picture-in-picture; fullscreen" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>{{/youtubeId}}{{^youtubeId}}{{#vimeoId}}<iframe class="sv-video__media" src="https://player.vimeo.com/video/{{vimeoId}}?dnt=1{{#autoplay}}&amp;autoplay=1&amp;muted=1&amp;loop=1{{/autoplay}}" title="{{title}}" loading="lazy" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>{{/vimeoId}}{{^vimeoId}}{{@placeholder video}}{{/vimeoId}}{{/youtubeId}}{{/cover}}{{/file.url}}</div>{{#below}}<div class="sv-video__words sv-heading-text sv-heading-text--title-size-{{titleSize}} sv-heading-text--text-size-{{textSize}} sv-heading-text--text-color-{{textColor}}{{#eyebrowSize}} sv-heading-text--eyebrow-size-{{eyebrowSize}}{{/eyebrowSize}}{{#eyebrowColor}} sv-heading-text--eyebrow-color-{{eyebrowColor}}{{/eyebrowColor}}{{#eyebrowWeight}} sv-heading-text--eyebrow-weight-{{eyebrowWeight}}{{/eyebrowWeight}}{{#titleColor}} sv-heading-text--title-color-{{titleColor}}{{/titleColor}}{{#titleWeight}} sv-heading-text--title-weight-{{titleWeight}}{{/titleWeight}}{{#textWeight}} sv-heading-text--text-weight-{{textWeight}}{{/textWeight}}">{{#eyebrow}}<p class="sv-heading-text__eyebrow"{{@edit eyebrow}}>{{eyebrow}}</p>{{/eyebrow}}{{#heading}}<{{level}} class="sv-heading-text__title"{{@edit heading}}>{{{heading}}}</{{level}}>{{/heading}}{{#text}}<div class="sv-heading-text__text"{{@edit text}}>{{{text}}}</div>{{/text}}</div>{{/below}}</figure>